<template>
  <div class="bd">
    <el-row>
      <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
        <tab-pane :data="realTimeData.data1" data-chart-type="line" data-size="large" pane-type="pane-line" legend="开机的用户数"/>
      </el-col>
      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
        <tab-pane :data="realTimeData.data2" data-chart-type="line" data-size="normal" pane-type="pane-line" legend="点播播放结束的用户数"/>
      </el-col>
      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
        <tab-pane :data="realTimeData.data3" data-chart-type="line" data-size="normal" pane-type="pane-line" legend="直播观看结束_频道的用户数"/>
      </el-col>
      <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
        <tab-pane :data="realTimeData.data4" data-chart-type="line" data-size="large" pane-type="pane-line" legend="订购成功的用户数"/>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import TabPane from '@/components/TabPane'
export default {
  components: {
    TabPane
  },
  data() {
    return {
      realTimeData: {
        data1: {
          title: '[ 开机人数 ]',
          timespan: '2019-11-14 00:00:00 ~ 2019-11-14 23:00:00（今日）',
          number: '71',
          measuresUnit: '人',
          yearOnYear: '0.0533',
          monthOnMonth: '-0.1125',
          total: '121',
          average: '100'
        },
        data2: {
          title: '[ 点播人数 ]',
          timespan: '2019-11-14 00:00:00 ~ 2019-11-14 23:00:00（今日）',
          number: '145',
          measuresUnit: '人',
          yearOnYear: '0.7121',
          monthOnMonth: '-0.0853',
          total: '56',
          average: '66'
        },
        data3: {
          title: '[ 直播人数 ]',
          timespan: '2019-11-14 00:00:00 ~ 2019-11-14 23:00:00（今日）',
          number: '54',
          measuresUnit: '人',
          yearOnYear: '-0.023',
          monthOnMonth: '0.125',
          total: '45',
          average: '53'
        },
        data4: {
          title: '[ VIP订购总人数 ]',
          timespan: '2019-11-14 00:00:00 ~ 2019-11-14 23:00:00（今日）',
          number: '11',
          measuresUnit: '人',
          yearOnYear: '-0.5769',
          monthOnMonth: '-0.6452',
          total: '357',
          average: '21.6'
        }
      }
    }
  }
}
</script>
